<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Flat UI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="{{STATIC_URL}}css/bootstrap.css" rel="stylesheet">
    <link href="{{STATIC_URL}}css/highlight-syntax.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="{{STATIC_URL}}css/flat-ui.css" rel="stylesheet">
    <link rel="shortcut icon" href="{{STATIC_URL}}images/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container">

      <div class="row">
        <div class="span6">
          <div class="row demo-navigation">
            <div class="span7">
              <div class="btn-toolbar">
                <img class="logo" src="{{STATIC_URL}}images/logo.png">
                <div class="btn-group">
                  <a class="btn btn-info" href="home"><i class="fui-cmd-16"></i></a>
                  <a class="btn btn-info" href="add"><i class="fui-plus-16"></i></a>
                  <a class="btn btn-info" href="update"><i class="fui-new-16"></i></a>
                  <a class="btn btn-info" href="delete"><i class="fui-cross-16"></i></a>
                  <a class="btn btn-info" href="settings"><i class="fui-settings-16"></i></a>

                  <div style="display: inline-table; margin:0" class="navbar btn btn-info navbar-inverse">
                    <ul class="nav" style="margin:0 !important">
                      <li>
                        <i class="fui-man-16"></i> Juan D.
                        <ul>
                          <li><a href="/account">Account</a></li>
                          <li><a href="/logout">Logout</a></li>
                          <li><a href="/about">About SQFlight</a></li>
                        </ul>
                      </li>
                    </ul>
                  </div><!--/.nav-collapse -->

                </div>
              </div> <!-- /toolbar -->
            </div>
          </div> <!-- /demo-navigation -->
        </div>
      </div>

      <div class="row demo-tiles">
        <div class="span12">
          <h3>
            <img  class="icon-little" src="{{STATIC_URL}}images/illustrations/time.png">
            <span>SQL Results</span>
          </h3>
          <div class="tile code">
          <h4>SQL executed:<h4>
          <pre class="sql">SELECT * FROM Cat WHERE name='jjkoj';</pre>
          </div>
        </div>
      </div> <!-- /tiles -->

    </div> <!-- /container -->

    <footer>
      <div class="container">
        <div class="row">
          <div class="span7">
            <h3 class="footer-title">SQFlight is distributed under GPL v3 License</h3>
          </div> <!-- /span8 -->

          <div class="span5">
            <div class="footer-banner">
              <h3 class="footer-title"><img class="logo2" src="{{STATIC_URL}}images/logo2.png"> SQLite Administrator</h3>
            </div>
          </div>
        </div>
      </div>
    </footer>

    <!-- Load JS here for greater good =============================-->
    <script src="{{STATIC_URL}}js/vendor/jquery-1.8.2.min.js"></script>
    <script src="{{STATIC_URL}}js/vendor/jquery-ui-1.10.0.custom.min.js"></script>
    <script src="{{STATIC_URL}}js/vendor/jquery.dropkick-1.0.0.js"></script>
    <script src="{{STATIC_URL}}js/vendor/custom_checkbox_and_radio.js"></script>
    <script src="{{STATIC_URL}}js/vendor/custom_radio.js"></script>
    <script src="{{STATIC_URL}}js/vendor/bootstrap-tooltip.js"></script>
    <script src="{{STATIC_URL}}js/vendor/jquery.placeholder.js"></script>
    <script src="{{STATIC_URL}}js/vendor/jquery.snippet.min.js"></script>
    <script src="{{STATIC_URL}}js/controller/results.js"></script>
    <!--[if lt IE 8]>
      <script src="js/icon-font-ie7.js"></script>
      <script src="js/icon-font-ie7-24.js"></script>
    <![endif]-->
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      try{
        var pageTracker = _gat._getTracker("UA-19972760-2");
        pageTracker._trackPageview();
        } catch(err) {}
    </script>
  </body>
</html>
